body {
	background-image: url("/nobressart/images/backgrounds/nob_image.png");
	background-attachment: fixed;
	background-repeat: repeat-y;
	font-family: Verdana;
	padding: 0;
	margin: 0;
	top: 0;
	/*Sticky footer*/
	height: 100%;
}

/*Sticky footer*/
html {
	height: 100%;
}

#wrap {
	min-height: 100%;
}

/*Opera Fix sticky footer*/
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
	/
}

.title {
	background-color: #46b98a;
	font-size: 25px;
	text-align: center;
	top: 0;
	font: 14px/1.231 "Lato", sans-serif;
	text-rendering: optimizelegibility;
	font-size: 25px;
	color: #FFFFFF;
	padding-bottom: 5px;
	text-shadow: 1px 1px rgb(20, 144, 120), 2px 2px rgb(20, 144, 120), 3px
		3px rgb(20, 148, 123), 4px 4px rgb(21, 152, 126), 5px 5px
		rgb(21, 156, 129), 6px 6px rgb(22, 160, 133);
}

#title {
	font-size: 30px;
}

#menu {
	float: left;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #BDD2FF;
	border-bottom: 2px solid #46b98a;
}

#menu ul {
	top: 0;
	bottom: 0;
	padding: 5px;
	margin: 0;
}

#body {
	width: 95%;
	height: 100%;
	margin: auto;
	/*StickyFooter*/
	overflow: auto;
	padding-bottom: 200px; /*same height as footer*/
}

#footer {
	background: none repeat scroll 0 0 #FFFFFF;
	opacity: 0.8;
	filter: alpha(opacity =   80);
	padding: 10px;
	/*Sticky footer*/
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear: both;
}
#footer li{
	display: inline-block;
	
}
#footer p{
	border-right: 2px solid #46b98a;
	padding-right: 10px;
	height: 60px;
	top: 10px;
	
	position:absolute;
}
#langbar a {
	color: white;
}
#langbar a:HOVER {
	text-decoration: underline;
}
#langbar {
	position:absolute;
	right:10px;
	top:0px;
	text-shadow: none;
	
}

#langbar li {
	display: inline;
}

#langbar img {
	padding: 5px;
}



#langbar li:HOVER {
	border-bottom: 2px solid white;
}



.info {
	float: left;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 10px solid #2DB6CF;
	padding: 10px;
	margin: 5px;
	min-width: 300px;
}

.top {
	float: none;
}

.small {
	height: 100px;
}
.big {
	height: 200px;
	width: 400px;
}
.welcomeBox{
	
	background-repeat: no-repeat; 
	
	height: 200px;
	width: 400px;
}
#trailWelcomeBox{
	background-image: url('/nobressart/images/course/trail/photos/frontTrail.jpg'); 
	background-position: 85% 40%;
}
#vttWelcomeBox{
	background-image: url('/nobressart/images/course/vtt/vttFront.jpg'); 
	background-position: 85% 0%;
}
div .welcomeBox label{
	background-color:rgba(255,255,255,0.8); 
	font-size: 30px; 
	padding: 5px;
}
div .welcomeBox a{
	font-size: 20px; 
}
.info:HOVER {
	opacity: 0.9;
	filter: alpha(opacity =   90); /* For IE8 and earlier */
}

.info label {
	color: #46b98a;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.success {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/nobressart/css/images/knobs/PNG/success.png');
}

.validationError {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 30px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #D8000C;
	background-color: #FFBABA;
	background-image:
		url('/nobressart/css/images//knobs/PNG/validationError.png');
}

.validationError li {
	margin-left: 10px;
}

a:HOVER {
	text-decoration: underline;
}

a {
	font-size: 14px;
	text-decoration: none;
	color: #006E94;
	font-weight: bold;
}

a:VISITED {
	text-decoration: none;
	color: #006E94;
	font-weight: bold;
}

/* Table CSS*/
.listing {
	text-decoration: none;
	font-size: medium;
	font-weight: normal;
	text-align: left;
	border-top: solid 2px;
	border-collapse: collapse;
	min-width: 500px;
}

.listing th {
	text-align: left;
	font-weight: bold;
	color: black;
	padding: 5px;
	border-left: solid 2px;
	border-right: solid 2px;
	border-bottom: solid 2px;
	background-color: orange;
}

.listing td {
	border-left: solid 2px;
	border-right: solid 2px;
	border-bottom: solid 2px;
	text-align: center;
}

.listing .noFrame {
	text-align: right;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
}